<div class="card" style="min-height:250px;">
  <div id="monthAlarmChart" style="width: 100%;height:300px;padding-top:10px;"></div> 
</div>
<script src="/echarts/echarts.common.min.js"></script>
<script type="text/javascript">
    Dcat.ready(function () {
        var monthAlarmChart = echarts.init(document.getElementById('monthAlarmChart'));
        var option;

        option = {
          legend: {},
          tooltip: {},
          dataset: {
            source: [
              @foreach($data as $one)
              {!! $one !!},
              @endforeach
            ]
          },
          xAxis: { 
            type: 'category',
            axisLabel: { interval: 0, rotate: 30 } 
          },
          yAxis: {},
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
          series: {!! $series !!}
      };

        option && monthAlarmChart.setOption(option);
    });
</script>